<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--删除默认的苹果工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--控制状态栏显示样式-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>爪游宝</title>
    <link href="https://osscdn.zhuayoubao.com/zyb/zyb_icon.png" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" href="./kdysj/css/kdysj.css">
    <link rel="stylesheet" href="./kdysj/css/index.css">
    <link rel="stylesheet" href="./kdysj/css/ios.css">
    <style>
    /* 自定义样式，使提示框背景为灰色透明 */
        .jq-toast-single {
            background: rgba(32,32,32,0.9)!important;
            border-radius: 10px !important;
    }
    /* 隐藏绿色进度条 */
    .jq-toast-loader {
            display: none !important;
        }
</style>
<!-- 引入 jquery-toast-plugin 的 CSS 文件 -->
<script src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/jquery.toast.min.css">
<!-- 引入 jquery-toast-plugin 的 JavaScript 文件 -->
<script src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/jquery.toast.min.js"></script>
</head>

<body class="kdysj-wrapper">
    <div class="top">
        <img class="top_img" src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/ios_guide.png"></img>
    </div>
    <div class="ios_all" id="all">
        <div class="step">
            <div class="step_head">
                <div><img  src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/01%402x.png"><img></div>
                <div class="title">第一步：下载爪游宝</div>
            </div>
            <div class="step_content">依次点击：<span style="color:#7578FF">立即下载-弹窗允许</span> 。仅在手机桌面添加入口，安全无毒。</div>
            <div class="step_content_2"><div class="btn" onclick="clickEvent()">立即下载</div></div>
         </div>
        <div class="step" style="margin-top: 0.4rem">
            <div class="step_head">
                <div><img src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/02%402x.png"><img></div>
                <div  class="title" >第二步：安装爪游宝</div>
            </div>
            <div class="step_content">返回手机桌面，依次点击：<span style="color:#7578FF">手机设置-已下载描述文件-爪游宝-安装</span></div>
            <div class="step_content_2 gif_div"><img style="width:2.12rem" src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/ios_down.gif"></img></div>
        </div>
        <div class="tips">若遇到问题，请关注公众号【爪游宝】获取帮助</div>
    </div>
</body>



<script>
    let rem;
    let isWeixin = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
    var showShade = false;


    window.onload = function () {
        setRem();
        init();
    }

    function setRem() {
        var whdef = 100 / 390  //  表示1920的设计图,使用100PX的默认值
        var bodyWidth = document.getElementById('all').getBoundingClientRect().width;// 当前窗口的宽度
        rem = bodyWidth * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
        document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
    }


    function init() {
        $("div.wrapper").each(function (i, e) {
            $(e).attr("ondragstart", "return false");
        });

        var $demo1 = $("div.demo1")
    }
    function clickEvent() {
        if (/(iphone|ipod|ipad)/i.test(navigator.userAgent)) {
                window.location.href = 'https://osscdn.zhuayoubao.com/zyb/ios/zhuayoubaodis.mobileconfig';
            } else {
                window.location.href = 'https://static.zhuayoubao.com/apk-online/zyb-1.apk      '
            }
    }
    $(document).ready(function () {
             // 调用 toast 方法显示提示框
        $.toast({
            text: "注册成功", // 提示框的文本内容
            showHideTransition: 'fade', // 显示和隐藏的过渡效果，可选值有 'fade', 'slide', 'plain'
            bgColor: 'transparent', // 提示框的背景颜色
            textColor: '#fff', // 提示框的文本颜色
            allowToastClose: false, // 是否允许关闭提示框
            hideAfter: 2000, // 提示框自动隐藏的时间（毫秒）
            stack: 1, // 提示框的堆叠数量
            textAlign: 'center', // 文本的对齐方式，可选值有 'left', 'right', 'center'
            position: 'top-center' // 提示框的位置，可选值有 'top-left', 'top-right', 'bottom-left', 'bottom-right', 'top-center', 'bottom-center'
        });
    });
</script>
